<template>
	<view class="sqScreenBg posRel" :style="{height:(windowHeight - navHeight) + 'px'}">
		<view class="formContent posAbso" v-if="formFlag">
			<scroll-view class="scrollView" scroll-y>
				<slot name="formContent"/>
				<slot name="formRes"/>
				<view class="btnWrap" v-if="needBtnFlag">
					<slot name="formBtn"/>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import { systemInfo } from '@/mixins/systemInfo.js'
	export default {
		mixins:[systemInfo],
		props:{
			formFlag:{
				type:Boolean,
				default:false
			},
			needBtnFlag:{
				type:Boolean,
				default:false
			}
		},
		mounted(){
			this.getSystemInfo();
		}
	}
</script> 

<style lang="scss" scoped>
	.sqScreenBg{
		background: $pss-sq-main-bg;
		.formContent{
			background: $sq-fuf;
			left: 20rpx;
			right: 20rpx;
			top: 20rpx;
			bottom: 20rpx;
			border-radius: 30rpx;
			overflow: hidden;
			.scrollView{
				height: 100%;
				overflow: hidden;
				position: relative;
			}
			.btnWrap{
				height: 120rpx;
				border-radius: 0 0 30rpx 30rpx;
				background: $sq-fuf;
				position: sticky;
				left: 0;
				bottom: 0rpx;
				z-index: 10;
			}
		}
	}
</style>